[V0_FILE]typescriptreact:file="app/components/Header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { ShoppingCart } from "lucide-react" export default function Header() { return (

Fresh Cart Cart (0)

) } [V0_FILE]typescriptreact:file="app/components/CategorySection.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" const categories = ["Fruits & Vegetables", "Dairy & Eggs", "Bakery", "Meat & Seafood", "Pantry"] export default function CategorySection() { return (

Latest Products

{latestProducts.map((product) => ( ))}

) } [V0_FILE]typescriptreact:file="app/components/ProductCard.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Image from "next/image" import { ShoppingCart, Heart } from "lucide-react" interface Product { id: number name: string price: number image: string } export default function ProductCard({ product }: { product: Product }) { return (

{product.name}

${product.price.toFixed(2)}

) } [V0_FILE]typescriptreact:file="app/components/NewProducts.tsx" import ProductCard from "./ProductCard" const newProducts = [ { id: 6, name: "Organic Avocados", price: 5.99, image: "/placeholder.svg?height=200&width=200" }, { id: 7, name: "Fresh Salmon Fillet", price: 12.99, image: "/placeholder.svg?height=200&width=200" }, { id: 8, name: "Artisan Sourdough Bread", price: 4.99, image: "/placeholder.svg?height=200&width=200" }, ] export default function NewProducts() { return (

New Arrivals

{newProducts.map((product) => ( ))}

) } [V0_FILE]typescriptreact:file="app/components/Testimonials.tsx" import Image from "next/image" const testimonials = [ { id: 1, name: "Sarah Johnson", comment: "FreshCart has the best quality produce I've ever had. Their delivery is always on time!", image: "/placeholder.svg?height=100&width=100", }, { id: 2, name: "Mike Thompson", comment: "I love the variety of organic options. FreshCart has made eating healthy so much easier for my family.", image: "/placeholder.svg?height=100&width=100", }, { id: 3, name: "Emily Rodriguez", comment: "The customer service is outstanding. They always go above and beyond to ensure customer satisfaction.", image: "/placeholder.svg?height=100&width=100", }, ] export default function Testimonials() { return (

What Our Customers Say

{testimonials.map((testimonial) => (

{testimonial.name}

"{testimonial.comment}"

))}

) } [V0_FILE]typescriptreact:file="app/components/Newsletter.tsx" export default function Newsletter() { return (

Subscribe to Our Newsletter

Get the latest updates on new products and upcoming sales

) } [V0_FILE]typescriptreact:file="app/components/Footer.tsx" import Link from "next/link" import { Facebook, Twitter, Instagram } from "lucide-react" export default function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import Header from "./components/Header" import CategorySection from "./components/CategorySection" import LatestProducts from "./components/LatestProducts" import NewProducts from "./components/NewProducts" import Testimonials from "./components/Testimonials" import Newsletter from "./components/Newsletter" import Footer from "./components/Footer" export default function Home() { return (

About

Tags

Share

More from codescandy

More Templates Like This

About

Tags

Share

About

Tags

Share

More from codescandy

More Templates Like This